<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <meta name="author" content="Flying hormone" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta charset="UTF-8">
        <link rel="stylesheet" href="../css/media.css" />
        <link rel="stylesheet" href="../css/mui.min.css" />
        <link rel="stylesheet" href="../css/head_foot.css" />
        <script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
        <script type="text/javascript" src="../js/jquery.Query.js" ></script>
        <script type="text/javascript" src="../js/jquery-cookie.js"></script>
        <script type="text/javascript" src="../js/mui.min.js"></script>
        <script type="text/javascript" src="../js/appcan.js"></script>
        <script type="text/javascript" src="../js/appcan.control.js"></script>
        <script type="text/javascript" src="../js/common.js" ></script>
        <title>问题反馈</title>
        <style>
            input{ background: none; border: 1px solid;}
            input[type=text]{ border-color: #ccc;height: 2em;font-size: 1em;}
            input[type=file]{ border-color: #ccc; display: none;}
            input[type=button]{ border-color: #ccc; display: none;}
            input[type="button"]{ background: none;}
            p,span{ font-size: 0.8em; color: #999;}
            .top input{ }
            .top{ height: auto;  overflow: hidden; position: relative; background: #fff; border-bottom: 1px solid #dedede; padding: 0.5em 4%;}
            .top span{ display: block; height: 2.75em; line-height: 2.75em;}
            .top a{    font-size: 0.8em;  text-align: center;  color: #ff3366; padding: 0 1.5em; margin-left: 1.25em; border: 1px solid #ff3366; }
            .top #yulan{ height: 4em; width: 4em; border-radius: 50%; position: absolute; top: 0.625em; right: 0.625em;  overflow: hidden;}
            .top #yulan img{ width: 100%; height: 100%; object-fit: cover;}
            
            
            .main{ background: #fff;}
            .main p{    height: auto;
    overflow: hidden; border-bottom: 1px solid #ccc; text-indent: 0.625em; padding-top: 0.625em;}
            .main input{ display: inline; width: 60%; margin-bottom: 0;}
            .main i{  font-style: normal; width: 30%; float: left; text-align: right; line-height: 2em;}
            
            .main textarea{ width: 60%; margin-bottom: 0; height:6em; font-size: 1em; line-height: 2em;}
            .main input[type=button]{ font-size:0.8em; color:#fff; height:2em; background: #ff3366; border: none; width: 40%; position: relative; left: 50%; margin-bottom: 10.312em;}
            #upload0{ display: none;}
            
            
            @media screen and (max-width: 400px) {
                .main i{ line-height: 1.25em;}
            }
            .webuploader-pick{
                background-color: #FFF; 
                display: inline-block;
                text-align: center;
                color: #ff3366;
                padding: 8px 25px;
                margin-left: 20px;
                border: 1px solid #ff3366;
                line-height: 1em;
            }
            #filePicker{ border: 1px solid #ff3366; color: #ff3366; padding: 0.1em 1em; width: 5em; text-align: center; border-radius: 0.2em; margin-bottom: 0.5em;}
            .quyu p{ color:#232323; margin: 0 4%; padding-bottom: 0.5em;  padding-top: 0.5em; font-size: 1em; line-height: 2em;}
            .quyu input{  line-height: 2em;}
            .main input[type=button]{ margin:0 auto; margin-top:2em; width: 80%;  left: 10%; height: 3em; font-size: 1em;}
        </style>
    </head>

    <body>
        <header>
            <a><span class="leftleft"></span></a>
            <h1 id="title">问题反馈</h1>
        </header>
        <section class="quyu">
            <p>如果您对本APP有意见或建议，请留言给我们，我们会对APP不断进行改进！</p>
            <form action="" method="post" id="upchuan0">
                <div class="main">
                    <p><i>姓名：</i><input placeholder="请输入姓名" type="text" id="userName" name="userName" value="" /></p>
                    <p><i>联系方式：</i><input placeholder="请输入联系方式"  type="text" id="method" name="method" value="" /></p>
                    <p style="border: none;"><i>意见建议：</i><textarea type="text"  id="content" /></textarea></p>
                    <input class="button" type="button" id="sub" value="提交" />
                </div>
            </form>
        </section>
        <footer>
            <nav class="mui-bar mui-bar-tab">
                <a href="javascript:;" id="tcIndex">
                    <img src="../img/shouye2.png" />
                    <span class="mui-tab-label">首页</span>
                </a>
                <a href="javascript:;" id="myfabu">
                    <img src="../img/fabu2.png" />
                    <span class="mui-tab-label">发布</span>
                </a>
                <a class="action" href="javascript:;" id="myInfo">
                    <img src="../img/mine2.png" />
                    <span class="mui-tab-label">我的</span>
                </a>
            </nav>
        </footer>
        <script>
            $(function(){
                $("#sub").click(function(){
                    var baseParam = {"userName": $("#userName").val(),"method": $("#method").val(),"content": $("#content").val()};
                    appcan.ajax({
                       type:"post",     
                       url:host+"/saveFb.json",
                       data:JSON.stringify({"param":baseParam}),
                       dataType:"json",
                       contentType: "application/json",
                       success : function(dataResult) {
                            alert("操作成功");
                            window.location.href = "../index.html";
                       }
                   })
                });
            })
        </script>
    </body>

</html>